<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <script type="text/javascript" src="jquery-3.6.0/jquery-3.6.0.js"></script>
        <script type="text/javascript" src="js/jq-paginator.js"></script>
    </head>
    <body>
        <div class="pagination" id="pagination1"></div>
    </body>
    <script>
        $(function(){
            $('#pagination1').jqPaginator({
                totalPages: 100,
                visiblePages: 10,
                currentPage: 1,
            
                first: '<li class="first"><a href="javascript:void(0);">First</a></li>',
                prev: '<li class="prev"><a href="javascript:void(0);">Previous</a></li>',
                next: '<li class="next"><a href="javascript:void(0);">Next</a></li>',
                last: '<li class="last"><a href="javascript:void(0);">Last</a></li>',
                page: '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',
                onPageChange: function (num) {
                    $('#text').html('当前第' + num + '页');
                }
            });
            for(var i =6;i<10;i++){
                console.log(i)
            }
        })
    </script>
</html>